#{extends 'mainStage.html' /}
#{set title:"Détail du stage" /}
<h1 style="width:400px;">D&eacute;tails du stage ${stage}
 #{if stage?.dateDeb != null}
            du ${stage.dateDeb.format('dd MMMM yyyy', 'fr')}
            #{/if}</h1>

	<p>
	<a href="@{Stages.listStages}">Liste des stages</a><br/>
	#{if admin || gestionnaireFonct || (gestionnaireTerri && stage.structure.id==groupementResp_id)}
    <a href="@{Stages.ajouterResponsablesForm(stage.id)}">Ajouter les responsables</a>
    <br/>
    <a href="#" onclick="window.open('@{Stages.imprimeListe(stage.id)}')">Imprimer la liste des stagiaires</a><br />
	#{/if}
	#{if admin || gestionnaireFonct}
	<a href="@{Stages.modifStageAdmin(stage.id)}">Modifier le stage</a>
	#{/if}
	#{if gestionnaireTerri && stage.structure.id==groupementResp_id}
	<a href="@{Stages.modifStageForm(stage.id)}">Modifier le stage</a>
    #{/if}
	</p>

<div id="detail_stage">
    <p> <label><b> Description : </b></label> 
    #{if !stage.description.equals("") && stage.description!=null}
    	${stage.description}
    #{/if}
    #{else}
    	-
    #{/else} 
    </p>
    <p> <label><b> Code  : </b></label> ${stage.code} </p>
    <p> <label><b> Structure : </b></label> ${stage.structure} </p>
    <p> <label><b> Nature : </b></label> ${stage.nature} </p>
    <p> <label><b> UVs associ&eacute;es : </b></label> 
    	#{if uVs.size()!=0}
    	<br/>
    	<ul>
    		#{list items:uVs, as:'uv'}
			<li title="Dur&eacute;e de l'&eacute;preuve : ${uv.dureeEpreuve*8} heures.">
				${uv}
			</li>
			#{/list}
		</ul>
		#{/if}
		#{else}
			-
		#{/else}
	</p>
	<p> <label><b> Duree : </b></label> ${stage.duree}</p> 
    <p> <label><b> Condition de d&eacute;roulement : </b></label> 
    	#{if stage.modalites == null || stage.modalites==""}
            -
            #{/if}
            #{else}
            ${stage.modalites}
            #{/else}</p>
    <br/>
    <p> 
        <label><b> Lieu : </b></label>
         #{if stage.cis == null}
            -
            #{/if}
            #{else}
            ${stage.cis}
            #{/else}
    </p>
    <p> <label><b> Directeur : </b></label> 
        #{if stage.directeur == null}
        -
        #{/if}
        #{else}
        ${stage.directeur}
        #{/else}
    </p>
    <p> <label><b> Gestionnaire Administratif : </b> </label>
        #{if stage.gestionnaireAdmin == null}
        -
        #{/if}
        #{else}
        ${stage.gestionnaireAdmin}
        #{/else}
    </p>
    <br/>
    <p> <label><b> Etat : </b></label>  #{if stage.etat == null}
        -
        #{/if}
        #{else}
        ${stage.etat}
        #{/else}
    </p>
    <p> <label><b> Date de d&eacute;but  : </b></label> #{if stage.dateDeb == null}
        -
        #{/if}
        #{else}
        ${stage.dateDeb.format('dd MMMM yyyy', 'fr')}
        #{/else}</p>
    <p> <label><b> Date de fin  : </b></label> #{if stage.dateFin == null}
        -
        #{/if}
        #{else}
        ${stage.dateFin.format('dd MMMM yyyy', 'fr')}
        #{/else} </p>
    <p> <label><b> Date d'examen  : </b></label> 
        #{if stage.dateExam == null}
        -
        #{/if}
        #{else}
        ${stage.dateExam.format('dd MMMM yyyy', 'fr')}
        #{/else}
    </p>
    <p> <label><b> Date d'ind&eacute;mnisation  : </b></label> 
    	#{if stage.dateFinancier == null}
        -
        #{/if}
        #{else}
        ${stage.dateFinancier.format('dd MMMM yyyy', 'fr')}
        #{/else}</p>
    <p> <label><b> Date de rentr&eacute;e des comp&eacute;tences  : </b></label> 
    	#{if stage.datePedagogique == null}
        -
        #{/if}
        #{else}
        ${stage.datePedagogique.format('dd MMMM yyyy', 'fr')}
        #{/else}</p><br/>
    <p> <label><b> Effectif minimum  : </b></label>  
    	#{if stage.effectifMin == null}
        -
        #{/if}
        #{else}
        ${stage.effectifMin} 
        #{/else}
        </p>
    <p> <label><b> Effectif maximum  : </b></label> 
    #{if stage.effectifMax == null}
        -
    #{/if}
    #{else}
    ${stage.effectifMax} 
    #{/else}
    </p>   
    <p> <label><b> Effectif actuel  : </b></label> 
        #{if stage.getEffectif() == 0}
        -
        #{/if}
        #{else}
        	${stage.getEffectif()}
        #{/else}
    </p>
</div>

<div id="detail_stage_candidatures">
	#{form @candidStage(stage.id)}    
        	            #{if (stage.effectifMax == stage.getEffectif())}  
       	 				-		
        	             #{/if} 
        	             #{else} 
        	              #{if (stage.dateDeb==null || stage.dateDeb>=aujourdhui)} 
        	               
        	              <input type="submit" value="Candidater" style="width:150px"/>
       	 	
        	             #{/if}   
        	             #{/else}
        	               #{/form}
   #{if admin || gestionnaireFonct || (gestionnaireTerri && stage.structure.id==groupementResp_id)}
	#{form @annulerStage(stage.id), onsubmit:"return window.confirm('Le stage va être annulé voulez vous continuer ?')"}
	<input type="submit" value="Annuler le stage"  style="width:150px"/>
	#{/form}
	#{form @cloturerCandidatures(stage.id), onsubmit:"return window.confirm('Vous allez cl&ocirc;re les inscriptions. Continuer ?')"}
	<input type="submit" value="Cl&ocirc;re les inscriptions"  style="width:150px"/>
	#{/form}
	#{form @ouvrirCandidatures(stage.id), onsubmit:"return window.confirm('Vous allez ouvrir les inscriptions. Continuer ?')"}
	<input type="submit" value="Ouvrir les inscriptions"  style="width:150px"/>
	#{/form}
	#{/if}
    <h2>Liste des candidatures</h2>
    <br />
    <table width="200" cellspacing='0' cellpadding='7' id="liste" class="display" summary="Liste des candidats" bgcolor="#E1EEF0" >
        <thead>
            <tr>
                <th>Nom</th>
                <th>Pr&eacute;nom</th>
                <th>Grade</th>
                <th>Statut</th>
                <th>CIS ou Service</th>
                <th>Etat</th>
                <th>R&ocirc;le</th> 
                <th>Candidature partielle</th>
            </tr>
        </thead>			
        <tbody>
            #{list items:candidats, as:'candidat' }
                <tr>
                    <td> <a href="@{candidats.detailCandid(candidat.id)}">${candidat.agent.nom}</a> </td>
                    <td> ${candidat.agent.prenom} </td>
                    <td>${candidat.agent.grade}</td>
                    <td> ${candidat.agent.statut} </td>
                    <td> ${candidat.agent.cisService} </td>
                    #{if candidat.etatCandid.nom.equals("Annulée") || candidat.etatCandid.nom.equals("Refusée")}
                    	<td style="background-color: RGB(228, 2, 22);">
                    #{/if}
                    #{elseif candidat.etatCandid.nom.equals("Validée")}
                    	<td style="background-color: RGB(0, 128, 0);">
                    #{/elseif}
                    #{elseif candidat.etatCandid.nom.equals("Liste d'attente")}
                    	<td style="background-color: RGB(255, 165, 0);">
                    #{/elseif}
                    #{else}
                    	<td> 
                    #{/else}
                    	${candidat.etatCandid}
                    </td>
                    <td> ${candidat.role} </td>
                    <td>
                    #{if candidat.candidPartielle}
                    	oui
                    	#{list items:candidat.examenUv, as:'uv'}
							<br />
							${uv}
						#{/list}
                    #{/if}
                    #{else}
                    	non
                    #{/else}
                    </td>
                </tr>
            #{/list}
            <tbody>
            </table>            
        </div>
       
